*{margin:0;
  padding:0;}

body{   width: 100%;
        max-width: 640px;
        min-width: 320px;
        margin: 0 auto;
        background:#eee;
        height: auto;
        width: auto;
        min-height:100%;

}

.main{width: 100%;
    height: auto;
    background: #eee;
    margin-bottom:80px;
    min-height:calc(100% - 80px);


}

.phone_head{width: 100%; height:50px;background:#2e3238;position: fixed;
    top: 0; z-index: 10; max-width: 640px;
    min-width: 320px;
    margin: 0 auto;}

.phone_head_pic img{width:30px; height: 30px; border-radius:5px;padding-top: 10px;}

.phone_head_pic, .phone_head_name, .phone_head_state{float: left;padding-left: 10px;height:50px;}

.phone_head_name p{color: #f4f4f4;font-size:1rem;line-height: 50px;}

.phone_head_state p{color:#eb5500;font-size:0.8rem;line-height: 50px;}



.con p{display: inline-block;
		    padding: 0 18px;
		    font-size:0.8rem;
		    color: #fff;
		    border-radius: 2px;
		    background-color: #dcdcdc;
		  margin-bottom:10px;}

.talk_head img{width: 30px; height: 30px;float: left;position: relative;
    overflow: hidden;}

.talk_head .text{display: inline-block;
    position: relative;
    padding: 0 10px;
    max-width: calc(95% - 40px);
    min-height: 30px;
    line-height: 2;
    font-size:0.8rem;
    text-align: left;
    word-break: break-all;
    background-color: #fafafa;
    border-radius: 4px;}

.talk_text{text-align: center; width:96%;padding:2%;height:100vh;}

.user_talk_head img{width: 30px; height: 30px;float: right;position: relative;
    overflow: hidden;}


.user_talk_head .text{display: inline-block;float:right;
    position: relative;
    padding: 0 10px;
    max-width: calc(95% - 40px);
    min-height: 30px;
    line-height: 2.5;
    font-size: 9pt;
    text-align: left;
    word-break: break-all;
    background-color: #b2e281;
    border-radius: 4px;
    margin-right:10px;
     }
.user_talk_head{position: relative;height: 30px;}

.admin, .user{padding-top:20px;}

.footer{width:100%;
	    height: auto;
        background: #eee;
	    position: fixed;
	    bottom: 0;
	    text-align: center;
	    max-width: 640px;
	    min-width: 320px;
	    margin: 0 auto;
	    z-index:20px;}

.input_text{resize:none;width:67%; height:24px;border:none;padding:4px; float: left;background: #fff; border-radius:3px;margin-left:3%;}

.layout{margin-top: 50px;}

.send{width:26%;text-align: center;float: right;height:38px;}

.send button{border:none; border-radius:3px; width:70px; height:30px; background: #2e3238; color:#f4f4f4;}

/*jq的滚动条样式*/

.zUIpanelScrollBox,.zUIpanelScrollBar{
    width:5px;
    top:4px;
    right:2px;
    border-radius:5px;
    
}
.zUIpanelScrollBox{
    background:#fff;opacity:0.1;
    filter:alpha(opacity=10);
}
.zUIpanelScrollBar{
    background:#ccc;opacity:0.8;
    filter:alpha(opacity=80);
}










